<div class="row">
<div class="col-xs-12">
	<div class="box">
		<div class="box-header">
			<form id="auto-query-form" class="form-inline" method="post" role="form">
				<div class="form-group">
					<label class="control-label" for="keyword">关键字</label> <input
						id="query.keyword" name="query.keyword" placeholder="请输入关键字" type="text"
						class="form-control ">
				</div>
				<div class="form-group">
					<label class="control-label" for="name">有效性</label>
					#@dict_select("query.state","01","DATA_STATE",true,"有效性","")
				</div>
				<div class="form-group">
					#@query_btn()
				</div>
			</form>
		</div>

		<div class="box-body">
			<table id="auto_data_table" class="table table-striped table-hover table-bordered dataTable no-footer" width="100%" data-form-width="70%">
			</table>
		</div>

		<div class="box-footer text-center">
			#@add_btn("role/index",true)
			#@edit_btn("role/index",true)
			#@del_btn("role/index",true)
		</div>
	</div>
</div>
</div>
<script type="text/javascript">
	$(document).ready(function() {
		$('#auto_data_table').autoDataTable({
			controller : "role",
			title : "系统角色",
			columns : [
			   { "data" : "code", "name" : "code", "title" : "角色代码" },
			   { "data" : "name", "name" : "name", "title" : "角色名称" },
			   { "data" : "type", "name" : "type", "title" : "角色类型" ,
				   render : function(data, type, row) {
					   return dict_name("ROLE_TYPE",data);
	            }},
			   { "data" : "state", "name" : "state", "title" : "角色状态", render : function(data, type, row) {
	                return dict_name("DATA_STATE",data);
	            } }
			]
		});
	});
</script>